(최겸)기술영업 RFQ 담당자 초대, 요구사항 반영

1 files changed, 54 insertions, 0 deletions

diff --git a/app/[lng]/sales/(sales)/tech-vendors/[id]/info/possible-items/page.tsx b/app/[lng]/sales/(sales)/tech-vendors/[id]/info/possible-items/page.tsx
new file mode 100644
index 00000000..642c6e32
--- /dev/null
+++ b/app/[lng]/sales/(sales)/tech-vendors/[id]/info/possible-items/page.tsx
@@ -0,0 +1,54 @@
+import { Separator } from "@/components/ui/separator"

+import { getTechVendorPossibleItems } from "@/lib/tech-vendors/service"

+import { type SearchParams } from "@/types/table"

+import { getValidFilters } from "@/lib/data-table"

+import { searchParamsPossibleItemsCache } from "@/lib/tech-vendors/validations"

+import { TechVendorPossibleItemsTable } from "@/lib/tech-vendors/possible-items/possible-items-table"

+

+interface IndexPageProps {

+  // Next.js 13 App Router에서 기본으로 주어지는 객체들

+  params: Promise<{

+    lng: string

+    id: string

+  }>

+  searchParams: Promise<SearchParams>

+}

+

+export default async function TechVendorPossibleItemsPage(props: IndexPageProps) {

+  const resolvedParams = await props.params

+  const id = resolvedParams.id

+

+  const idAsNumber = Number(id)

+  console.log(idAsNumber)

+

+  // 2) SearchParams 파싱 (Zod)

+  //    - "filters", "page", "perPage", "sort" 등 possible items 전용 컬럼

+  const searchParams = await props.searchParams

+  const search = searchParamsPossibleItemsCache.parse(searchParams)

+  const validFilters = getValidFilters(search.filters)

+

+  const promises = Promise.all([

+    getTechVendorPossibleItems({

+      ...search,

+      filters: validFilters,

+    }, idAsNumber)

+  ])

+

+  // 4) 렌더링

+  return (

+    <div className="space-y-6">

+      <div>

+        <h3 className="text-lg font-medium">

+          공급가능 아이템 목록

+        </h3>

+        <p className="text-sm text-muted-foreground">

+          해당 벤더가 공급 가능한 아이템 목록을 확인할 수 있습니다.

+        </p>

+      </div>

+      <Separator />

+      <div>

+        <TechVendorPossibleItemsTable promises={promises} vendorId={idAsNumber} />

+      </div>

+    </div>

+  )

+} 
\ No newline at end of file